import React, { Component } from 'react'
import { Link } from 'react-router-dom'
import IndexHeader from '../../../../components/MineComponent/IndexHeader'
import './style.less'
import ImgCourse from '../../../../static/img/mine-course.png'
import ImgOrder from '../../../../static/img/mine-order.png'
import ImgCollect from '../../../../static/img/mine-collect.png'
import ImgRecord from '../../../../static/img/mine-record.png'
import ImgDownload from '../../../../static/img/mine-download.png'
import ImgMessage from '../../../../static/img/mine-message.png'
import ImgOpinion from '../../../../static/img/mine-opinion.png'
import ImgSetting from '../../../../static/img/mine-setting.png'
import ImgLearn from '../../../../static/img/mine-learn.png'
import ImgLeft from '../../../../static/icon/arrow-left.png'

export default class MineIndex extends Component{
  render(){
    return(
      <div className='mine-index'>
        <IndexHeader />
        <div className='mine-list'>
          <div>
            <Link to='/mine/minecourse'>
              <img src={ImgCourse} alt=''/>
              <span>我的课程</span>
            </Link>
          </div>
          <div>
            <Link to='/mine/mineorder'>
              <img src={ImgOrder} alt=''/>
              <span>订单管理</span>
            </Link>
          </div>
          <div>
            <Link to='/mine/minecollect'>
              <img src={ImgCollect} alt=''/>
              <span>我的收藏</span>
            </Link>
          </div>
          <div>
            <Link to='/mine/minebrowse'>
              <img src={ImgRecord} alt=''/>
              <span>观看记录</span>
            </Link>

          </div>
        </div>
        <div className='mine-lists'>
          <ul>
            <li>
              <Link to='/mine/minedownload'>
                <img src={ImgDownload} alt=''/>
                <span>下载管理</span>
                <img className='mine-imgleft' src={ImgLeft} alt=''/>
              </Link>
            </li>
            <li>
              <Link to='/mine/messagecenter'>
                <img src={ImgMessage} alt=''/>
                <span>消息中心</span>
                <img className='mine-imgleft' src={ImgLeft} alt=''/>
              </Link>
            </li>
            <li>
              <img src={ImgLearn} alt=''/>
              <span>学习币</span>
            </li>
            <li>
              <Link to='/mine/mineadvice'>
                <img src={ImgOpinion} alt=''/>
                <span>反馈意见</span>
                <img className='mine-imgleft' src={ImgLeft} alt=''/>
              </Link>
            </li>
            <li>
              <Link to='/mine/setting'>
                <img src={ImgSetting} alt=''/>
                <span>设置</span>
                <img className='mine-imgleft' src={ImgLeft} alt=''/>
              </Link>
            </li>
          </ul>
        </div>

      </div>
    )
  }
}
